<template>
  <div>
    <button>{{ name }}</button>
  </div>
</template>

<script setup>
import { ref, onMounted, onBeforeMount } from "vue";
const name = ref("dog");
// onBeforeMount(() => {
//   console.log("onBeforeMount ..... ");
//   console.log(name.value);
// });

// onMounted(() => {
//   console.log("onMounted ..... ");
//   console.log(name.value);
// });

const f1 = () => {
  console.log("f1............");
};

// onMounted(() => {
//   f1();
// });
//
// setTimeout(f1(), 500);
// 以下代码以普通身份执行
// setTimeout(onMounted() ,500);
</script>
